<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en" slick-uniqueid="1">
<head>
	<jdoc:include type="head" />
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
	<title>Shunji</title>
	<link rel="stylesheet" type="text/css" href="<?php echo $this->baseurl ?>/templates/shunji/css/style.css">	
	<script src="<?php echo $this->baseurl ?>/templates/shunji/scripts/jquery-1.7.1.min.js" type="text/javascript"></script>
	<script src="<?php echo $this->baseurl ?>/templates/shunji/scripts/easySlider.js" type="text/javascript" ></script>
	<!--<script src="scripts/configuration.js" type="text/javascript" ></script>-->
	<script>
		$(document).ready(function(){
			$('#testimonials').easySlider();
			
			$('.container').height($(window).height()-$('#country').height());
			$('#banner').height($(window).height()-80-$('#country').height());
			$('.box_skitter').height($(window).height()-80-$('#country').height());
			$(window).resize(function(){
				$('.container').height($(window).height()-$('#country').height());
				$('#banner').height($(window).height()-80-$('#country').height());
				$('.box_skitter').height($(window).height()-80-$('#country').height());
				$('.container_skitter').height($('.box_skitter').height());
				$('.box_clone').height($('.box_skitter').height());
			});
			
			
			$('div.block-content','#country ul.country-content li.active').slideDown();
			//$('#country ul.country-content li.active a').click()
			var h = $('#block').height();
			$('#country li a').click(function(e){
				e.preventDefault();
				$(this).parent().addClass('active').siblings().removeClass('active');
				//alert();
				$('#block').css('height',h + $(this).next().find('ul').height());
			});
			$('#country ul.country-content li a').click(function(e){;
				e.preventDefault();
				$(this).parent().addClass('active').siblings().removeClass('active');
				$('div.block-content').slideUp();
				$(this).parent().find('div.block-content').slideDown();
				var hs = h + $('#country li.active').find('ul').height();
				$('#block').height(hs);
			});
			
			$('a[href=#country]').click(function(e){
				e.preventDefault();
				$('html, body').animate({scrollTop:$('#country').offset().top-80});
			});
			
			$('#block').height(h + $('#country li.active').find('ul.country-content').height() + 164);
		});
	</script>
</head>
<body>
<!--wrapper-->
<div id="wrapper">
		
    <!--container main-->
    <div class="container mha por fwn">
		<!-- header -->
		<div id="header">
			<div  class="w960 mha por pt30">
				<div id="vector"></div>
				<jdoc:include type="modules" name="header" />		
			</div>
		</div>		
		<div class="clear"></div>
		<div id="banner" class="tac">
			<jdoc:include type="modules" name="banner" />		
	
			<div class="w960 mha tal">
				<div class="subbanner zi9">
					<jdoc:include type="modules" name="text-banner" />		
				</div>				
			</div>
		</div>
		
    </div>
	<div class="clear"></div>
	<div id="block" class="tac">
		<ul id="country">
			<jdoc:include type="modules" name="middle" />		
		</ul>
	</div>
	
	<div id="footer" class="fs10 cf2">
		<p>&copy;2013 shunjimatsuo - Terms of Service - Privacy Policy</p>
	</div>
</div><!--end wrapper-->

</body></html>